<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
	<head>
	<meta charset="utf-8">
  <title>layui</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="layui/css/layui.css"  media="all">

  <link rel="stylesheet" href="css/style.css">
  <link rel="stylesheet" href="css/common.css">
  <link rel="stylesheet" href="css/myLayui.css">
  <link rel="stylesheet" href="css/mycss.css">
  <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
	</head>
	<body>
    <!-- 导航 -->
<ul class="layui-nav" style="padding-left: 100px;">
  <div class="w">
      <span class="logo"><img src="img/logo.png" alt=""></span> 
      <li class="layui-nav-item"><a href="is.do">首页</a></li>
      <li class="layui-nav-item"><a href="ss.do?op=apartment01">蔡塘悦舍</a></li>
      <li class="layui-nav-item"><a href="ss.do?op=apartment02">悦舍大院</a></li>
      <li class="layui-nav-item"><a href="ss.do?op=apartment03">悦舍阔居</a></li>
      <li class="layui-nav-item layui-this"><a href="ts.do?op=query">社区生活</a></li>
      <li class="layui-nav-item"><a href="is.do?op=about">关于悦舍</a></li>
        <li class="layui-nav-item"><a href="is.do?op=aboutus">关于我们</a></li>
      
      <c:if test="${sessionScope.username==null}">
       <li class="layui-nav-item user youke" >
          <a href="login.jsp">登录</a>
             </li>
          </c:if>
          
          <c:if test="${sessionScope.username!=null}">
        <li class="layui-nav-item user youke" >
                  <a href=""><img src="<%=request.getAttribute("personImg") %>" class="layui-nav-img"><%=request.getAttribute("personNickName") %></a>
                  <dl class="layui-nav-child">
                      <dd><a href="us.do?op=queryPerson">个人中心</a></dd>
                      <dd><a href="us.do?op=updpwd1">密码修改</a></dd>
                      <dd><a href="us.do?op=removesession">退出</a></dd>
                  </dl>
         </li>
          </c:if>
  

  </div>
</ul>

<!-- 社区生活 -->
<div class="w">
  <!-- 社区活动 -->
    <div class="shequ_box">
        <div class="shequ_row" id="shequtype_1">
            <ul class="shequ_title"><h6>专题活动</h6></ul>
            <ul class="shequ_list clearfix">
                <div id="31">
                  <ul class="shequ_img"><a href="#"><img src="http://www.yazhugongyu.com/recouse/upload/image/webimg/dc71678eba6945beb33d8473cb75c10c.jpg" width="380" height="250" alt="超级福利|老带新活动" title="超级福利|老带新活动"></a></ul>
                  <ul class="shequ_txt">超级福利|老带新活动 (已过期)</ul>
                  
                </div> 		
                <div id="32" style="margin-left: 18px;">
                  <ul class="shequ_img"><a href="#"><img src="http://www.yazhugongyu.com/recouse/upload/image/webimg/97f4f9790a29486ab4c34b01e4a09d76.jpg" width="380" height="250" alt="中秋节活动" title="中秋节活动"></a></ul>
                  <ul class="shequ_txt">中秋节活动 (已过期)</ul>
                  
                </div> 		
                <div id="30" style="margin-left: 18px;">
                  <ul class="shequ_img"><a href="#"><img src="http://www.yazhugongyu.com/recouse/upload/image/webimg/6777ba070f3549759bb4b0369f3957e0.jpg" width="380" height="250" alt="二月福利日 | 旧貌焕新颜，开启你的2018缤纷生活！" title="二月福利日 | 旧貌焕新颜，开启你的2018缤纷生活！"></a></ul>
                  <ul class="shequ_txt">二月福利日 | 旧貌焕新颜，开启你的2018缤纷生活！ (已过期) </ul>
                  
                </div> 		
            </ul>
            <ul class="list_more" style="display: block;"><a>查看更多活动信息</a></ul>
          </div>
    </div>
    <!-- 社区评论展示 -->            
          <div class="table-responsive" >
            <ul class="shequ_title"><h6>社区评论</h6></ul>
            <table class="table table-striped">
             
              <tbody>
       
       <c:if test="${requestScope.pageData!=null}">
       
       <c:forEach var="msg" items="${requestScope.pageData.data}">

                 <div class="media-body">
                     <a href="javascript:;" class="media-left" style="float: left;">
                    <img src="${msg.personImg}" height="46px" width="46px">
                    </a>
                    <div class="pad-btm">
                     <p class="fontColor">${msg.userName}</p>
                     <p class="min-font">${msg.articleDate}</p>         
                   </div>
                  <p class="text">${msg.articleTitle}</p>
                   <p class="message-text">${msg.articleContent}</p>
                    </div>
                 <!--  橙色分割线 -->
				<hr class="layui-bg-orange">
                </c:forEach>
         </c:if>
              </tbody>
            </table>
          </div>
                            
               <!-- 分页导航栏 -->             
			    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
			</fieldset>
			<div id="demo7"></div>
			
 
</div>
  
  

<!-- footer -->
<div class="footerbg mt80">
    <div class="w footer">
        <ul class="footer_top clearfix">
            <div class="f_logo"><img src="img/logo_01.png"></div>
              <dl class="f_time">
                <dt>400-920-3805</dt>
                  <dd>服务时间：工作日</dd>
                  <dd>服务时间：9:30-18:00</dd>
              </dl>
              <div class="f_ewm">
                <dl>
                    <dt><img src="https://gss0.bdstatic.com/94o3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike80%2C5%2C5%2C80%2C26/sign=fa9140accd95d143ce7bec711299e967/2934349b033b5bb571dc8c5133d3d539b600bc12.jpg"></dt>
                      <dd>下载app</dd>
                  </dl>
                <dl>
                    <dt><img src="https://gss0.bdstatic.com/94o3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike80%2C5%2C5%2C80%2C26/sign=fa9140accd95d143ce7bec711299e967/2934349b033b5bb571dc8c5133d3d539b600bc12.jpg"></dt>
                      <dd>关注微信</dd>
                  </dl>
                <dl>
                    <dt><img src="https://gss0.bdstatic.com/94o3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike80%2C5%2C5%2C80%2C26/sign=fa9140accd95d143ce7bec711299e967/2934349b033b5bb571dc8c5133d3d539b600bc12.jpg"></dt>
                      <dd>关注微博</dd>
                  </dl>                                        
              </div>
              <div class="f_menu">
                <dl>
                    <dt>常见问题</dt>
                      <dd><a href="#">预约预定</a></dd>
                      <dd><a href="#">入住需知</a></dd>
                      <dd><a href="#">租期服务</a></dd>
                      <dd><a href="#">缴费须知</a></dd>
                  </dl>
                <dl>
                    <dt>关于我们</dt>
                      <dd><a href="#">悦舍故事</a></dd>
                      <dd><a href="#">悦舍文化</a></dd>
                      <dd><a href="#">悦舍大事记</a></dd>
                      <dd><a href="#">悦舍品牌</a></dd>
                  </dl>
                <dl>
                    <dt>活动介绍</dt>
                      <dd><a href="#">线上活动</a></dd>
                      <dd><a href="#">线下活动</a></dd>
                  </dl>                                        
              </div>
          </ul>
        <ul class="copyright"> © 2019 YUESHE All Rights reserved. 悦舍生活（厦门）有限公司</ul>
      </div>
  </div>
</disv>

<!-- <script>
//分页
layui.use(['laypage', 'layer'], function(){
  var laypage = layui.laypage;
  /* ,layer = layui.layer; */
//完整功能
  laypage.render({
    elem: 'demo7'
    ,count: ${pageData.totalCount}
  	,curr: ${pageData.page}
  	,limit: ${pageData.pageSize}
    ,layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip']
    ,jump: function(obj,first){
      if(!first)
    	  {
    	  location.href="ts.do?op=query&page="+obj.curr+"&limit="+obj.limit;
    	  }
    }
  });
});
</script> -->
<!-- 
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/handlebars.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/json2.js"></script> -->
<script src="layui/layui.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>
layui.use('element', function(){
  var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
  //监听导航点击
  element.on('.layui-nav', function(elem){
    //console.log(elem)
    layer.msg(elem.text());
  });
});
 
</script>
<script>

</script>
<script>
layui.use('laypage', function(){
  var laypage = layui.laypage;
  
  //执行一个laypage实例
  laypage.render({
    elem: 'demo7' //注意，这里的 test1 是 ID，不用加 # 号
    ,count: ${pageData.totalCount}
  	,curr: ${pageData.page}
  	,limit: ${pageData.pageSize}
    ,layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip']
    ,jump: function(obj,first){
        if(!first)
  	  {
  	  location.href="ts.do?op=query&page="+obj.curr+"&limit="+obj.limit;
  	  }
  }
  });
});
</script> 
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
<script>
$("#newapa li div").on({
  mouseover :function(){
    $(this).addClass("hs_on")
  },
  mouseout :function(){
    $(this).removeClass("hs_on")  
  }
})

$(".home_apa_pop").on({
  mouseover :function(){
    $(this).children('div').children('dl').css('top','0')
  },
  mouseout :function(){
    $(".commma_pop_dl").css('top','255px')
  }
})
</script>
	</body>
</html>
	